<?php 
	//echo $template['partials']['clientForm'];
?>	

<div class="container-fluid">

	<div class="row-fluid">
		<div class="span5">
			<div class="">
			
				<form id="clientForm" class="form-horizontal" action="">
				
					<div class="control-group">
						<label class="control-label" for="inputName">Nome</label>
						<div class="controls">
							<input type="text" id="clientName" class="" name="clientName" placeholder="Nome">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputAddress">Morada</label>
						<div class="controls">
							<input type="text" id="clientAddress" class="" name="clientAddress" placeholder="Morada">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputEmail">Email</label>
						<div class="controls">
							<input type="text" id="clientEmail" class="" placeholder="Email">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputPhone">Telefone</label>
						<div class="controls">
							<input type="text" id="clientPhone" class="" placeholder="Telefone">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputBirthday">Data de Nascimento:</label>
						<div class="controls">
							<input type="text" id="clientBirthday" class="" placeholder="Birthday">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputHeight">Altura:</label>
						<div class="controls">
							<input type="text" id="clientHeight" class="span4" name="height" placeholder="altura(cm) ...">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputWeight">Peso:</label>
						<div class="controls">
							<input type="text" id="clientWeight" class="span4" name="weight" placeholder="peso(kg) ...">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group success">
						<label class="control-label">Sexo: </label>
						<div class="controls">
							<select id="clientSex" class="span4" name="sex">
								<option value="m">masculino</option>
								<option value="f">feminino</option>
							</select>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputNationality">Nacionalidade</label>
						<div class="controls"> 
							<input type="text" id="clientNationality" placeholder="Nacionalidade">
							<span class="help-inline"></span>
						</div>
					</div>
					
					<div class="control-group">
						<div class="controls">
							<button id="createButton" type="submit" class="btn btn-primary">Criar Cliente</button>
						</div>
					</div>
				
					<div id="createClientAlert" class=""></div>
					
				</form>
				
				
				
			</div>
		</div>
		
		<div class="span7">
			<div class="hero">
				<table id="clientTable" class="">
					<thead>
						<tr>
							<th>Nome</th>
							<th>Morada</th>
							<th>eMail</th>
							<th>Telefone</th>
							<th>Data Nascimento</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
		</div>
		
	</div>
	
	<div class="row-fluid">
		<div class="span12">
			<div class="hero">
					
			</div>
		</div>
	</div>
	
</div>


<!--
 <button id="rightButton"></button>
 <button id="deleteButton"></button>
 <button id="leftButton"></button>
 
<table id="clientTable" class="">
	<thead>
		<tr>
			<th>Nome</th>
			<th>Morada</th>
			<th>eMail</th>
			<th>Telefone</th>
			<th>Data Nascimento</th>
		</tr>
	</thead>
	<tbody></tbody>
</table>	

<div id="dialog" title="update/created" class="dialog">
	created/updated
</div>

<p> <button id="fillFormButton" class="hidden">fill form</button>	</p> 
<p> <button id="tmpButton" class="hidden">tmpButton</button>	</p> 
-->
	
<script>
		
</script>